﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<title>选择头像</title>
<script language='javascript'>
function clk(s)
{
	opener.document.getElementById('vwidth').value = "100"; 
	opener.document.getElementById('vimg').src = s;
	opener.document.getElementById('vimg').width = 100;
	opener.document.getElementById('vurl').value = s;
	window.close();
}

function show(id)
{
	document.getElementById("male").style.display = "none";
	document.getElementById("female").style.display = "none";
	document.getElementById(id).style.display = "";
}
</script>
<style rel='stylesheet'>
body {
	margin:0px;
	background:white;
	font:normal 12px/150% Tahoma,Helvetica,sans-serif;
}
image {
	border:0px;
	cursor:hand;
}
a{color:#000; float:left; text-align:center; width:150px;font-weight:bold;border:1px solid #DDD; background:#F5F5F5;}
a:hover{color:#003A7B;border:1px solid #B2D4E8; background:#E8F5FD;}
a,a:hover{text-decoration:none;}
</style>
</head>
<body oncontextmenu='return false' onselectstart='return false'>
<table id="male" align='center' border='0' bordercolor='#e6e6e6' style='border-collapse:collapse' cellpadding='3' cellspacing='0' bgcolor='white'>
<tr align='center'>
<td><img src='faces/1.gif' onclick="clk('faces/1.gif')"></td>
<td><img src='faces/2.gif' onclick="clk('faces/2.gif')"></td>
<td><img src='faces/3.gif' onclick="clk('faces/3.gif')"></td>
<td><img src='faces/4.gif' onclick="clk('faces/4.gif')"></td>
<td><img src='faces/5.gif' onclick="clk('faces/5.gif')"></td>
</tr>
<tr align='center'>
<td><img src='faces/6.gif' onclick="clk('faces/6.gif')"></td>
<td><img src='faces/7.gif' onclick="clk('faces/7.gif')"></td>
<td><img src='faces/8.gif' onclick="clk('faces/8.gif')"></td>
<td><img src='faces/9.gif' onclick="clk('faces/9.gif')"></td>
<td><img src='faces/10.gif' onclick="clk('faces/10.gif')"></td>
</tr>
<tr align='center'>
<td><img src='faces/11.gif' onclick="clk('faces/11.gif')"></td>
<td><img src='faces/12.gif' onclick="clk('faces/12.gif')"></td>
<td><img src='faces/13.gif' onclick="clk('faces/13.gif')"></td>
<td><img src='faces/14.gif' onclick="clk('faces/14.gif')"></td>
<td><img src='faces/15.gif' onclick="clk('faces/15.gif')"></td>
</tr>
</table>
<table id="female" align='center' border='0' bordercolor='#e6e6e6' style='border-collapse:collapse; display:none;' cellpadding='3' cellspacing='0' bgcolor='white'>
<tr align='center'>
<td><img src='faces/16.gif' onclick="clk('faces/16.gif')"></td>
<td><img src='faces/17.gif' onclick="clk('faces/17.gif')"></td>
<td><img src='faces/18.gif' onclick="clk('faces/18.gif')"></td>
<td><img src='faces/19.gif' onclick="clk('faces/19.gif')"></td>
<td><img src='faces/20.gif' onclick="clk('faces/20.gif')"></td>
</tr>
<tr align='center'>
<td><img src='faces/21.gif' onclick="clk('faces/21.gif')"></td>
<td><img src='faces/22.gif' onclick="clk('faces/22.gif')"></td>
<td><img src='faces/23.gif' onclick="clk('faces/23.gif')"></td>
<td><img src='faces/24.gif' onclick="clk('faces/24.gif')"></td>
<td><img src='faces/25.gif' onclick="clk('faces/25.gif')"></td>
</tr>
<tr align='center'>
<td><img src='faces/26.gif' onclick="clk('faces/26.gif')"></td>
<td><img src='faces/27.gif' onclick="clk('faces/27.gif')"></td>
<td><img src='faces/28.gif' onclick="clk('faces/28.gif')"></td>
<td><img src='faces/29.gif' onclick="clk('faces/29.gif')"></td>
<td><img src='faces/30.gif' onclick="clk('faces/30.gif')"></td>
</tr>
</table>
<table border='0' align='center' cellpadding='3' cellspacing='0' bordercolor='#e6e6e6' bgcolor='white' style='border-collapse:collapse'>
<tr>
<td><a href="javascript:show('male');">男</a></td>
<td width="50">&nbsp;</td>
<td><a href="javascript:show('female');">女</a></td>
</tr>
</table>
</body>
</html>